<meta charset="utf-8">
<!-- 图片库 start -->
	<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog" style="width:500px;">
		  <div class="modal-content" >
			 <div class="modal-header">
				<button type="button" class="close" 
				   data-dismiss="modal" aria-hidden="true">
					  &times;
				</button>
				<h4 class="modal-title musicTitle">
				   视频添加
				</h4>
			 </div>
			 <div class="modal-body" style="padding-top:0px;padding-bottom:0px;">
			 <div class="row" style="height:380px;">
			 	<div class="rightDiv" >
			 	  <div class="imageResp" style="position:relative;padding:10px;">
					<table>
						<tr style="height:30px;">
							<td style="text-align:right;">标题：</td>
							<td>
							<input type="text" ng-model="currentVideo.title" style="width:100%;"/>
							</td>
						</tr>
						<tr style="height:150px;">
							<td style="text-align:right;">封面图片：</td>
							<td>
							<div ng-if="currentVideo.coverImg==''" class="upload_btn" style="width:280px;height:140px;background-image:url(../images/addCover.png);background-size:280px 140px;padding:0px;border:1px solid #ccc;overflow:hidden;">
		                		 <input type="file" class="btn"  nv-file-select="" uploader="uploaderVideoCover" multiple="" 
		                		 accept="image/jpg,image/png,image/jpeg,image/bmp,image/gif" style="padding:0px;height:140px;width:280px;font-size:200px;opacity:0;">
		              		</div> 
		              		<div ng-if="currentVideo.coverImg!=''" class="upload_btn" style="width:280px;height:140px;background-image:url({{currentVideo.coverImg}});background-size:280px 140px;padding:0px;border:1px solid #ccc;overflow:hidden;">
		                 		<input type="file" class="btn"  nv-file-select="" uploader="uploaderVideoCover" multiple="" 
		                 		accept="image/jpg,image/png,image/jpeg,image/bmp,image/gif" style="padding:0px;height:140px;width:280px;font-size:200px;opacity:0;">
		              		</div>
							</td>
						</tr>
						<tr style="height:150px;">
							<td style="text-align:right;">视频：</td>
							<td>
							<div ng-if="currentVideo.url==''" class="upload_btn" style="width:280px;height:140px;background-image:url(../images/addVideo.png);background-size:280px 140px;padding:0px;border:1px solid #ccc;overflow:hidden;">
		                 	<input type="file" class="btn"  nv-file-select="" 
		                 	uploader="uploaderVideo" accept="video/mp4" style="padding:0px;height:140px;width:280px;opacity:0;font-size:200px;"/>
		             		</div> 
		              		<div ng-if="currentVideo.url!=''" class="upload_btn" style="width:280px;height:140px;padding:0px;vertical-align: middle;position:relative;overflow:hidden;">
		               			<video ng-if="currentVideo.url!=''" width="280px" height="140px" controls="controls">
									<source ng-src="{{trustSrc(currentVideo.url)}}" type="video/mp4"> 
									<source ng-src="{{trustSrc(currentVideo.url)}}" type="video/ogg"> 
									<source ng-src="{{trustSrc(currentVideo.url)}}" type="video/webm"> 
								</video>
		                 		<input type="file" class="btn"  nv-file-select="" uploader="uploaderVideo" multiple="" 
		                 		accept="video/mp4" style="padding:0px;height:140px;width:280px;font-size:200px;opacity:0;position:absolute;top:0px;">
		             		 </div>
							</td>
						</tr>
						<tr><td></td><td><span style="color:red;font-size:12px;">请上传mp4/MP4的视频格式！</span></td></tr>
					</table>
					<div style="width:20px;height:20px;">
		              	<img class="loadVideoFlag" src="../images/load.gif" ng-if="currentUploading"/> 
		              </div>
					
				  </div>
			 	</div>
			 </div>
			 </div>
			 <div class="modal-footer" style="border-top:1px solid #888;">
				<button ng-if="currentVideo.url!=''&&!currentUploading" type="button" ng-click="saveVideo()" class="btn" 
				style="background-color:#518ab0;color:#fff;">确定</button>
				<button ng-if="currentVideo.url==''||currentUploading" type="button"  class="btn" 
				style="background-color:#aaa;color:#fff;">确定</button>
				<button type="button"  data-dismiss="modal" aria-hidden="true" class="btn" 
				style="background-color:#518ab0;color:#fff;">关闭</button>
			 </div>
		  </div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 图片库 end -->

	
	<script> 
      $(function () { 
        $('#myTab a:last').tab('show');//初始化显示哪个tab 
      
        $('#myTab a').click(function (e) { 
          e.preventDefault();//阻止a链接的跳转行为 
          $(this).tab('show');//显示当前选中的链接及关联的content 
        }) 
      }) 
    </script>
	<!-- 上传图片end -->